@charset "utf-8";

@function vw($a){
    @return ( $a / 640 ) * 100vw;
}
header{
    width: 100%;
    height: vw(76);
    position: absolute;
    top: 0;
    border-bottom: 1px solid #a7a7a7;
    .issue-head1{
        padding-top: vw(19);
        margin-left: vw(28);
        img{
            width: vw(18);
            height: vw(31);
        }
    }
    .issue-head2{
        padding-right: vw(28);
        height: vw(76);
        vertical-align: middle;
        
        img{
            width:vw(23);
            height: vw(22);
            margin-right: vw(22);
            margin-top: vw(32);
        }
        .img11{
            width: vw(20);
            height: vw(17);
            margin-top: vw(35);
            margin-right: vw(0);
        }
    }
    .issue-head3{
        margin-top: vw(24);
        margin-left: vw(261);
        p{
           font-size: vw(30); 
        }
    }
}
section{
    position: absolute;
    top: vw(76);
    overflow-y: scroll;
    bottom: vw(80);
    .class-mover{
        width: 100%;
        height: vw(80);
        p{
           font-size: vw(24);
           line-height: vw(80);
           margin-left: vw(28);
        }
    }
    .class-banan{
        width: vw(584);
        height: vw(300);
        margin: 0 auto;
        .class-banan1{
            width: 100%;
            height: 100%;
            .class-banan2{
                width: 100%;
                height: 100%;
                overflow: hidden;
                img{
                width: 100%;
                }
            }
            
        }
        
    }
    .class-address{
        width: vw(584);
        height: vw(182);
        margin: 0 auto;
        .class-address1{
           height: vw(50);
           
            span{
                font-size: vw(20);
                color: #757575;
                img{
                    width: vw(20);
                    height: vw(20);
                }
                b{
                    margin-left: vw(12);
                    color: #757575;
                    font-weight: normal;
                }
            }
        }
        .class-address2{
            height: vw(40);
            span{
                color: #757575;
                font-size: vw(20);
                img{
                    width: vw(16);
                    height: vw(21);
                }
                b{
                    color: #191919;
                    float: right;
                    font-weight: normal;
                    font-size: vw(21.34);
                }
            }
        }
        .class-address3{
            height: vw(40);
            span{
                font-size: vw(20);
                font-weight: normal;
                color: #757575;
                img{
                    width: vw(18);
                    height: vw(18);
                }
            }
        }
        .class-address4{
            height: vw(40);
            span{
                font-size: vw(20);
                font-weight: normal;
                color: #757575;
                img{
                    width: vw(20);
                    height: vw(19);
                }
            }
        }
    }
    .class-bei{
        width:vw(584);
        height: vw(66);
        margin: 0 auto;
        p{
            font-size: vw(24);
            color: #585858;
        }
    }
    .class-per{
        width:100%;
        height: vw(30);
        background: #f2f2f2;
        p{
            font-size: vw(20);
            line-height: vw(30);
            margin-left: vw(28);
            color: #303030;
            a{
                float: right;
                margin-right: vw(28);
            }
        }
    }
    .class-borders{
        width:100%;
        height: vw(109);
        .class-borders1{
            width: vw(80);
            height: vw(80);
            margin: vw(14) vw(28) vw(14) vw(31);
            img{
                width: 100%;
                height: 100%;
            }
        }
        .class-borders2{
            font-size: vw(24);
            h1{
                font-weight: normal;
                padding-top: vw(25);
                font-size: vw(24);
                a{
                    color: red;
                    margin-left: vw(3);
                }
            }
            span{
                font-size: vw(20);
                color: #b4b4b4;
                img{
                    margin-top: vw(15);
                    width: vw(16);
                    height: vw(20);
                    margin-right: vw(6);
                }
            }
        }
    }
    .class-bao{
        width:100%;
        height: vw(96);
        .class-bao1{
            width: vw(80);
            height: vw(80);
            margin: vw(14) vw(28) 0 vw(28);
            img{
                width: 100%;
                height:100%;
            }
        }
        .class-bao2{
            h1{
                font-size: vw(20);
                font-weight: normal;
                padding-top: vw(29);
            }
            p{
                margin-top: vw(7);
                font-size: vw(20);
                color: #b7b7b7;
            }
        }
    }
}
footer{
    width: 100%;
    height: vw(80);
    position: absolute;
    bottom: 0;
    li{
        width: vw(319);
        height: vw(80);
        background: #333333;
        float: left;
        list-style: none;
        text-align: center;
        line-height: vw(80);
        color: white;
        letter-spacing: vw(5);
    }
}

